<template>
	<div>
		<header class="header">
			<div class="container">
				<div class="logo">
					<a href="/">
						<img src="../assets/logo.png" alt=""></a>
				</div>
				<div class="menu">
					<router-link to='/index' class="active">首页</router-link>
					<router-link to='/domain/domainquery'>域名</router-link>
					<router-link to='/site'>企业建站</router-link>
					<router-link to='/idc'>IDC</router-link>
					<router-link to='/email'>企业邮箱</router-link>
					<router-link to='/safe'>网络安全与认证</router-link>
					<router-link to='/oa'>OA</router-link>
				</div>
				<div class="setting-menu">
					<router-link to='/promotion'>最新活动</router-link>
					<router-link to='/help'>帮助与文档</router-link>
					<router-link to='/login'>登录</router-link>
					<router-link to='/register' class="active">免费注册</router-link>
					<router-link to='/record' style="display: none;">备案</router-link>
					<div class="user-info" style="display: none;">
						<router-link to='/vip'><img src="../assets/photo.png" id="head-icon" /></router-link>
						<div class="user-info-dropdown">
							<div class="info-cell">
								<router-link to="/vip">
									<img src="../assets/photo.png">
								</router-link>
								<ul>
									<li class="user-uid">
										<router-link to="#">sanfront</router-link>
									</li>
									<li>会员等级：
										<router-link to="#"><span>L1</span>会员</router-link>
									</li>
									<li>余额：
										<router-link to="#"><span>0.00</span></router-link>
									</li>
								</ul>
							</div>
							<ul class="info-list">
								<li>
									<router-link to="/index.php?c=all&amp;a=expire">
										<img class="white" src="../assets/cart.png" alt="">
										<img class="blue" src="../assets/carted.png" alt="">
										<span>产品续费<span class="count">0</span></span>
									</router-link>
									<router-link to="/index.php?c=all&amp;a=contactTemplate">
										<img class="white" src="../assets/cart.png" alt="">
										<img class="blue" src="../assets/carted.png" alt="">
										<span>实名认证<span class="count">0</span></span>
									</router-link>
								</li>
								<li>
									<router-link to="/index.php?c=fee&amp;a=orderList">
										<img class="white" src="../assets/cart.png" alt="">
										<img class="blue" src="../assets/carted.png" alt="">
										<span>未支付订单<span class="count">0</span></span>
									</router-link>
									<router-link to="/index.php?c=message&amp;a=notReadMessage">
										<img class="white" src="../assets/cart.png" alt="">
										<img class="blue" src="../assets/carted.png" alt="">
										<span>未读消息<span class="count">0</span></span>
									</router-link>
								</li>
								<li>
									<router-link class="logout logout-box fr" to="/index.php?c=home&amp;a=logout">退出</router-link>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</header>

		<router-view/>
		<footer class="footer">
			<div class="footer-header">
				<div class="container">
					<ul class="footer-header-list list-paddingleft-2">
						<li>
							<p>
								政府单位首选域名服务商
							</p>
						</li>
						<li>
							<p>
								智能查询，即时生效
							</p>
						</li>
						<li>
							<p>
								7*12小时售后服务
							</p>
						</li>
						<li>
							<p>
								全方位域名保护方案
							</p>
						</li>
					</ul>
					<ul class="footer-list-item">
						<li>
							<h2>服务与支持</h2>
							<a href="">价格总览</a>
							<a href="#"> 售前咨询:83026000</a>
							<a href="" target="_blank">联系客服</a>
							<a href="#">代理专区</a>
						</li>
						<li>
							<h2>账号与支付</h2>
							<a href="#" target="_blank">登录常见问题</a>
							<a href="" target="_blank">充值付款</a>
							<a href="" target="_blank">线下汇款</a>
							<a href="" target="_blank">索取发票</a>
						</li>
						<li>
							<h2>关于我们	</h2>
							<a href="#">关于我们</a>
							<a href="#"> 联系我们</a>
							<a href="#">加入我们</a>
					
					<a href=""> 法律申明</a>
							<a href=""> </a>
						</li>
						<li>
							<h2><a href="">关注中科三方</a></h2>
							<div class="weixin">
								<p>
									<a href=""><img src="../assets/weixin.png" alt=""> <img src="../assets/weibo.png" alt=""> </a>
								</p>
								<a href=""><span> 微信公众号</span><span>新浪微博</span> </a>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="footer-bottom">
				<div class="container">
					<ul class="footer-bottom-list">
						<li>
							<a target="_blank" href="http://www.sec.ac.cn/">北京中科院软件中心有限公司</a>
						</li>
						<li>
							<a target="_blank" href="http://www.casholdings.com.cn/">中国科学院国有资产经营有限公司</a>
						</li>
						<li>
							<a target="_blank" href="http://www.stdaily.com/">中国科技网</a>
						</li>
						<li>
							<a target="_blank" href="http://www.cnnic.net.cn/">中国互联网信息中心</a>
						</li>
						<li>
							<a target="_blank" href="http://www.cnic.cn/front/index.html">中国科学院计算机网络信息中心</a>
						</li>
						<li>
							<a target="_blank" href="http://www.cas.cn/">中国科学院</a>
						</li>
					</ul>
					Copyright©2018 中科三方（sfn.cn）版权所有 &nbsp; &nbsp;京公网安备100108008378号 &nbsp; &nbsp;京ICP证030615号
					<div class="img">
						<a logo_size="124x47" logo_type="business" href="https://v.pinpaibao.com.cn/authenticate/cert/?site=www.sfn.cn&amp;at=business" target="_blank">
							<b id="aqLogoGMHHJ" style="display: none;"></b>
							<img src="//static.anquan.org/static/outer/image/hy_124x47.png?id=www.sfn.cn?t=81" alt="安全联盟认证" width="124" height="47" style="border: none;">
						</a>
						<a logo_size="124x47" logo_type="common" href="http://www.cn-ecusc.org.cn/cert/aqkx/site/?site=www.sfn.cn" target="_blank">
							<b id="aqLogoENFWE" style="display: none;"></b>
							<img src="//static.anquan.org/static/outer/image/aqkx_124x47.png?id=www.sfn.cn?t=81" alt="安全联盟认证" width="124" height="47" style="border: none;">
						</a>
					</div>
				</div>
			</div>
		</footer>
	</div>
</template>

<script>
	export default {
		name: 'common',
		data() {
			return {
				msgs: 'Welcome to Your Vue.js App'
			}
		}
	}

	$(function() {
		$('#head-icon').on('click', function() {
			window.location = "/vip";
		})
	})
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>